body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    position: relative;
    z-index: -1;
    font-family: 'Noto Sans CJK JP', 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

#wrapper {
    width: 100%;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#header {
    width: 100%;
    margin: 0px auto;
    background: url(../image/top_bk.jpg) no-repeat top center;
    background-size: cover;
}

#in-header {
    width: 95%;
    max-width: 1270px;
    margin: 0 auto;
}

#in-header h1 {
    width: 100%;
    margin: 0 auto;
    height: 0;
    background: url(../image/logo_started.png) no-repeat top center;
    padding-top: calc(842 / 1270 * 100%);
    background-size: contain;
    font-size: 0px;
}
#main_wrap {
    width: 100%;
    margin: 0px auto;
    background: url(../image/main_bk.jpg) repeat-y top center;
    padding-bottom: 4rem;
    /*background-size: cover;*/
}

#next {
    width: 100%;
    margin: 0 auto;
}

#next .in_movie {
    width: 95%;
    max-width: 980px;
    margin: 0 auto 0;
    padding-top: 2rem;
}

#next h2 {
    width: 100%;
    margin: 0 auto 2rem;
    height: 0;
    background: url(../image/next.png) no-repeat top center;
    padding-top: calc(103 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}

#next .guest {
    width: 100%;
    margin: 0 auto 2rem;
    height: 0;
    background: url(../image/20210418/guest02.jpg) no-repeat top center;
    padding-top: calc(122 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}
#next .in_movie .tvo-video {
    height: calc(980px * 0.5625);
    /*height: calc(88vw * 0.5625);*/
}

#next .in_movie a.tver {
    width: 100%;
    margin: 0 auto;
    background: url(../image/tver.jpg) no-repeat top center;
    padding-top: calc(180 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
    display: block;
}

#next .in_movie a.tver:hover {
    opacity: 0.8;
}

#contents01 {
    width: 100%;
    margin: 0 auto;
    /*background: url(../image/bk02.jpg) no-repeat center top;
    background-size: cover;*/
    padding-top: 5rem;

}

#contents01 #in-contents {
    width: 95%;
    max-width: 980px;
    margin: 0 auto;
    text-align: left;
    line-height: 1.6;
    letter-spacing: 2px;
    font-size: 0px;
}

#contents01 #in-contents h2 {
    width: 100%;
    margin: 0 auto;
    height: 0;
    background: url(../image/about.png) no-repeat top center;
    padding-top: calc(103 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}

#contents01 #in-contents p.txt {
    width: 100%;
    margin: 4rem auto 0;
    height: 0;
    background: url(../image/about_txt.png) no-repeat top center;
    padding-top: calc(159 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}


#footer {
    width: 100%;
    margin: 0px auto;
}

#in-footer {
    width: 95%;
    max-width: 980px;
    margin: 0 auto;
    padding: 3rem 0;
}

#in-footer h3 {
    width: 100%;
    margin: 0 auto;
    height: 0;
    background: url(../image/footer.png) no-repeat top center;
    padding-top: calc(508 / 980 * 100%);
    background-size: contain;
    font-size: 0px;
}


@media screen and (max-width: 750px) {

    #header {
        background: none;
    }

    #in-header {
        width: 100%;
    }

    #in-header h1 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_logo_started.jpg) no-repeat top center;
        padding-top: calc(1281 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #main_wrap {
        width: 100%;
        margin: 0px auto;
        /* background: url(../image/sp_main_bk.jpg) no-repeat top center;
        background-size: cover; */
    }

    #next {
        width: 100%;
        margin: 0 auto;
        /*background: url(../image/sp_bk02.png) no-repeat center top;
        background-size: cover;*/
        padding: 0;
        font-size: 0;
    }

    #next h2 {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_next.png) no-repeat top center;
        padding-top: calc(156 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #next .guest {
        width: 100%;
        margin: 2rem auto 2rem;
        height: 0;
        background: url(../image/20210418/sp_guest02.jpg) no-repeat top center;
        padding-top: calc(283 / 750 * 100%);
        background-size: cover;
        font-size: 0px;
    }

    #next .in_movie {
        width: 95%;
        margin: 0 auto;
        padding-top: 10%;
    }

    .movie {
        margin: 2rem 0;
    }

    #next .in_movie .tver {
        margin-bottom: 3rem;
    }

    #next .in_movie .tvo-video {
        height: calc(95vw * 0.5625);
        margin: 1rem 0;
    }

    #next .in_movie a.tver {
        width: 100%;
        margin: 0 auto;
        background: url(../image/sp_tver.jpg) no-repeat top center;
        padding-top: calc(250 / 710 * 100%);
        background-size: contain;
        font-size: 0px;
        display: block;
    }

    #contents01 {
        width: 100%;
        margin: 0 auto;
        /*background: url(../image/sp_bk02.png) no-repeat center top;
        background-size: cover;*/
        padding: 0;
        font-size: 0;
        padding-top: 2rem;;
    }

    #contents01 #in-contents {
        width: 100%;
    }

    #contents01 #in-contents h2 {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 3rem;
        height: 0;
        background: url(../image/sp_about.png) no-repeat top center;
        padding-top: calc(156 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #contents01 #in-contents p.txt {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_about_txt.png) no-repeat top center;
        padding-top: calc(772 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }

    #footer {
        /*background: url(../image/f_bk.jpg) no-repeat top center;
        background-size: contain;
        padding-top: 37.5%;*/
    }

    #in-footer {
        padding: 10% 0;
    }

    #in-footer h3 {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background: url(../image/sp_footer.png) no-repeat top center;
        padding-top: calc(522 / 750 * 100%);
        background-size: contain;
        font-size: 0px;
    }
}

#recipe {
width: 95%;
max-width: 980px;
margin: 0 auto;
text-align: center;
}
#recipe h1 {
font-size: 3.6rem;
font-weight: bold;
color:#1f1313;
}
#recipe h1 span.number {font-size: 4.4rem;}
#recipe h2 {
margin: 0.75rem 0;
font-weight: bold;
font-size: 4.4rem;
color:#1f1313;
}
.marker-border{
 background: linear-gradient(transparent 65%, #e9929a 0%);
 padding: 0 0.5rem;
}
#recipe .process {
    margin-bottom: 2rem;
}
#recipe .process img {
    max-width: 100%;
}

@media screen and (max-width: 750px) {
#recipe {
width: 95%;
margin: 0 auto;
text-align: center;
}
#recipe h1 {
font-size: 1.9rem;
color:#1f1313;
padding-top: 3rem;
}
#recipe h1 span.number {font-size: 2.1rem;}
#recipe h2 {
margin: 0.6rem;
font-size: 2.1rem;
color:#1f1313;
}
}